<template>
  <div id="app">
    <router-view/>
  </div>
</template>

<script>
  (function(doc, win){
    var docE1 = doc.documentElement,
      resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize',
      recalc = function(){
        var clientWidth = docE1.clientWidth;
        if(!clientWidth) return;
        docE1.style.fontSize = (clientWidth / 750)*100  + 'px';
      };
    if (!doc.addEventListener) return;
    win.addEventListener(resizeEvt,recalc,false);
    doc.addEventListener('DOMContentLoaded',recalc,false);
  })(document,window);

export default {
  name: 'App'
}

</script>

<style>
#app {}
.van-tabbar-item__icon {
  height: 0;
  display: none;
}
.container {
  max-width: 750px;
  margin: 0 auto;
}
a{
  color:#333;
  text-decoration: none;
}
ul,li{list-style: none}
.nodata {
  width: 100%;
  padding: 15px 0;
  font-size: 18px;
  text-align: center;
}
</style>
